<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
	<div class="mui-content">
	    <div class="header">
	    	<img src="imgs/logo.png" id="logo" width="50%" height="auto"/>
	    	<a href="#" id="signBtn">注册<span class="mui-icon mui-icon-arrowright"></span></a>
	    </div>
	    <form id="userForm" style="border: none;" action="http://192.168.1.102:8080/chen/hello" method="get">
			<div class="mui-input-group">
				<div class="mui-input-row">
			    	<input type="text" name="userName" class="mui-input-clear" placeholder="手机号或邮箱">
				</div>
				<div class="mui-input-row">
				    <input type="password" name="passWord" class="mui-input-password" placeholder="密码">
				</div>
			</div>
		    <div style="width: 100%;">
		        <button type="submit" id="loginBtn" class="mui-btn mui-btn-primary" >登 录</button>
		        <div class="forget">
					<a id="forgetPsd" href="#" class="floatRight size15">忘记密码？</a>
				</div>
		    </div>
		</form>
	</div>
<script type="text/javascript" charset="utf-8">
		function getById(id){
			return document.getElementById(id);
		}
      	mui.init();
      	//用在实际的手机上检查手机相关设备
//		mui.plusReady(function(){
//			
//		})
	//注册跳转页面
		var signBtn=getById('signBtn');
		signBtn.addEventListener('tap',function(){
			mui.openWindow({
				url:'html/login/sign.html',
				id:'aign.html'
			})
		})
	//忘记密码跳转页面
		var forgetPsd=getById('forgetPsd');
		forgetPsd.addEventListener('tap',function(){
			mui.openWindow({
				url:'html/login/findPwd.html',
				id:'findPwd.html'
			})
		})
</script>
</body>
</html>